import React from "react";
import styles from "./AppDetail.less";

const AppDetail = ({ appInfo = {} }) => {
  return (
    <div className={styles.detail_box}>
      <div className={styles.item_row}>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 应用名称：</span>
          <span className={styles.item_con} title={appInfo.appName}>
            {appInfo.appName}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 应用编码：</span>
          <span className={styles.item_con} title={appInfo.appCode}>
            {appInfo.appCode}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 所属租户：</span>
          {/* <a href="#" className={styles.item_con} title={appInfo.tenantName}>{appInfo.tenantName}</a> */}
          <span href="#" className={styles.item_con} title={appInfo.tenantName}>
            {appInfo.tenantName}
          </span>
        </div>
      </div>
      <div className={styles.item_row}>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 创建时间：</span>
          <span className={styles.item_con} title={appInfo.createTime}>
            {appInfo.createTime}
          </span>
        </div>
        <div className={`${styles.item_col} ${styles.item_col_2}`}>
          <span className={styles.item_label}> 创建人：</span>
          <span className={styles.item_con} title={appInfo.creatorName}>
            {appInfo.creatorName}
          </span>
        </div>
      </div>
      <div className={styles.item_row}>
        <span className={styles.spec_label}>应用说明：</span>
        <span className={styles.spec_content} title={appInfo.description || ""}>
          {appInfo.description}
        </span>
      </div>
      {/* <Row style={{ paddingBottom: 16 }}>
        <Col span={7}>
          应用名称：
          {appInfo.appName}
        </Col>
        <Col span={7}>
          应用编码：
          {appInfo.appCode}
        </Col>
        <Col span={10}>
          使用租户：
          <a href="#">{appInfo.tenantName}</a>
        </Col>
      </Row>
      <Row>
        <Col span={7}>
          创建时间：
          {appInfo.createTime}
        </Col>
        <Col span={17}>
          创建人：
          {appInfo.creatorName}
        </Col>
      </Row> */}
    </div>
  );
};
export default AppDetail;
